<!doctype html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学员页面</title>
    <link rel="stylesheet" href="Layui/css/layui.css"><!--地址为在线引用地址，请替换自己项目中layui路径-->
    <script src="Layui/layui.js"></script><!--地址为在线引用地址，请替换自己项目中layui路径-->
    <script src="js/jquery-3.4.0.min.js"></script>
    <script src="js/repassword.js"></script>
	<script src="js/batch_study.js"></script>	
	<script src="js/student_record.js"></script> 
	<script src="js/viewScore.js"></script>
	
    <style>
        .layui-tab-title li{
            display: block;
        }
        .layui-tab-title{
            float: left;
            width: 200px;
        }
        .layui-tab-content{
            float: left;
            width: 1000px;
        }
    </style>
</head>
<body>
 
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
    <legend>学员页面</legend>
</fieldset>
 <div id="navbar" class="navbar-collapse collapse in" aria-expanded="true" style="position:absolute;top:75px;right:75px">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="#">&nbsp;<span class="glyphicon glyphicon-user" aria-hidden="true"></span>&nbsp;&nbsp;学员&nbsp;&nbsp;:<span  id="test" th:text = "${session.userId}"></a>
                	<a href="/Logout" style="margin-left:10px;font-size:20px;">退出</a>
                </li>
              

              
            </ul>
        </div>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this">首页</li>
        <li>修改密码</li>
        <li>批次学习</li>
        <li>学习记录</li>
        <li>参加考试</li>
        <li>查看考试成绩</li>
    </ul>
    
    <div class="layui-tab-content" style="height: 100px;">
    	<!-- 首页 -->
    	<div class="layui-tab-item layui-show">欢迎来到学员首页</div>
        <!--修改密码-->
        <div class="layui-tab-item">
            <form class="layui-form layui-form-pane" lay-filter="form1" action="" id="form1">
					  <br>
					  <div class="layui-form-item">
					   <label class="layui-form-label">账号ID：</label>
					   <div class="layui-input-block">
					     <input type="text" name="userId"   lay-verify="title" autocomplete="off"  readonly disabled class="layui-input form-disableed">
					   </div>
					 </div>
					  <div class="layui-form-item">
					    <label class="layui-form-label">新密码</label>
					    <div class="layui-input-block">
					      <input type="password" name="repw" lay-verify="title" autocomplete="off" placeholder="不能为空" class="layui-input">
					    </div>
			  </div>
					  <div class="layui-form-item">
						<label class="layui-form-label">确认密码</label>
					    <div class="layui-input-block">
					     <input type="password" name="repw1" lay-verify="title" autocomplete="off" placeholder="不能为空" class="layui-input">
					   </div>
					  </div>
					<div ><button type="button" lay-submit lay-filter="btn12"  class="layui-btn" style="margin-left: 160px;" id="btn12">提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button></div>
					</form>
            
        </div>
        <!--批次学习-->
        <div class="layui-tab-item">
                <table class="layui-hide" id="batch_study" lay-filter="batch_study"></table> 
                
        </div>
        <!--学习记录-->
        <div class="layui-tab-item">
            <table class="layui-hide" id="student_record" lay-filter="student_record"></table>
        </div>
        <!--参加考试-->
        <div class="layui-tab-item" id="doexam">
            <script src="js/exam.js"></script> 
        </div>
        <!--查看考试成绩-->
        <div  class="layui-tab-item">  
         <table class="layui-hide" id="viewScore" lay-filter="viewScore"></table>
        </div>
        
<!-- <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
        layui.use('element', function(){
            var $ = layui.jquery
                ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
            })
</script>



<script type="text/html" id="barDemo">
              		<a class="layui-btn layui-btn-xs" lay-event="study">进入学习</a>
            	</script> 

</body>
</html>
